/**
 * Created by rongyao on 2017/11/14.
 */
import React from 'react'
import About from './news/news'
import {Link} from 'react-router'
import {Provider, connect} from 'react-redux'
export default class Home extends React.Component {
	render() {
		const {value, OnIncreaseClick} = this.props;
		return (
			<div className="navbar-wrapper">
				<div>
					<nav className="navbar navbar-inverse navbar-static-top" style={{marginBottom:'0px'}}>
						<div className="container">
							<div className="navbar-header">
								<button type="button" className="navbar-toggle collapsed" data-toggle="collapse"
										data-target="#navbar" aria-expanded="false" aria-controls="navbar">
									<span className="sr-only">Toggle navigation</span>
									<span className="icon-bar"></span>
									<span className="icon-bar"></span>
									<span className="icon-bar"></span>
								</button>
								<a className="navbar-brand" href="#">Project name</a>
							</div>
							<div id="navbar" className="navbar-collapse collapse">
								<ul className="nav navbar-nav">
									<li><Link activeClass='active' to="/">home</Link></li>
									<li><Link to="/news" activeClass='active'>news</Link></li>
									<li><Link to="/product" activeClass='active'>product</Link></li>
									<li><Link to="/shopCar" activeClass='active'>shopCar</Link></li>
									<li className="dropdown">
										<a href="#" className="dropdown-toggle" data-toggle="dropdown" role="button"
										   aria-haspopup="true" aria-expanded="false">Dropdown <span
											className="caret"></span></a>
										<ul className="dropdown-menu">
											<li><a href="#">Action</a></li>
											<li><a href="#">Another action</a></li>
											<li><a href="#">Something else here</a></li>
											<li role="separator" className="divider"></li>
											<li className="dropdown-header">Nav header</li>
											<li><a href="#">Separated link</a></li>
											<li><a href="#">One more separated link</a></li>
										</ul>
									</li>
								</ul>
							</div>
						</div>
					</nav>
					<div>
						{this.props.children}
					</div>
				</div>
				<footer id="footer">
					<section className="container">
						<section className="footer_top">
							<ul className="clear">
								<li className="col-md-4"><a href="" className="a1">100%正品保证</a></li>
								<li className="col-md-4"><a href="" className="a2">满688免运费</a></li>
								<li className="col-md-4"><a href="" className="a3">7天无条件退货</a></li>
								<li className="col-md-4"><a href="" className="a4">超值折扣</a></li>
								<li className="col-md-4"><a href="" className="a5">9点限时闪购</a></li>
								<li className="col-md-4"><a href="" className="a6 last">400-664-6698</a></li>
							</ul>
						</section>
						<p className="rowa">
							<a href="">关于魅力惠</a>
							<a href="">加入我们</a>
							<a href=""> 联系我们</a>
							<a href="">使用帮助</a>
							<a href="">使用规则</a>
							<a href="">隐私声明</a>
							<a href="">网站地图</a>
						</p>
						<p className="footer_copyright">
							<span>COPYRIGHT©2016  杭州魅俪信息技术有限公司版权所有</span>浙ICP备16004860号-1
						</p>
					</section>
				
				</footer>
			</div>
		)
	}
}


